<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
    var str = "这是一段普通文字,abc,#%$!,abc   ABC";
    // 字符串长度
    // console.log(str.length);


    // 指定下标位置，输出某个字符串
    // console.log(str.charAt(5));

    // 指定某个字符串，输出某个字符第一次出现的位置
    // console.log(str.indexOf());  
    // console.log(str.indexOf("文字"));
    // console.log(str.indexOf("abc"));
    // console.log(str.indexOf("abc 文字"));


    // 合并 连接一个和多个字符串
    // console.log(str.concat("字符串","方法"));
    // 合并字符串变量
    // var arr = "字符串变量"
    // console.log(str.concat(arr));   
    

    // 拆裂字符串成为数组 split ()
    // var arr = str.split(""); 
    // console.log(arr);

    // 拆裂字符串成为数组 ,分为一个数组里含有四个字符串数据 split ()
    // var arr = str.split(","); 
    // console.log(arr);
    
    // 案例:将字符串的顺序倒置
    // 首先,将字符串转换为数组
    // var arr = str.split("");
    // 将数组倒置
    // arr.reverse();
    // 将数组转换为字符串
    // str = arr.join();
    // console.log(str);

    // 可以简写为
    // console.log(str.split("").reverse().join());


    // 英文的大写转换成小写；
    // console.log(str.toUpperCase());
    // 英文的小写转换成大写；
    // console.log(str.toLowerCase());


    // 提取字符串中的数据 slice(start,end) 第几个开始,第几个结束
    // 参数为正数
        // console.log(str.slice(2,5));

    // 参数为负数
    // console.log(str.slice(-9,-2))

        // 参数只有一个
        // console.log(str.slice(2));
        // console.log(str.slice(-9));

    // 提取字符串中的数据 substr(start,howmany) 第几个开始,一共输出多少长度
    // 参数为正数
        // console.log(str.substr(2,5));

    // 参数为负数
        // console.log(str.substr(-9,9));

    // 参数为一个
        // console.log(str.substr(-13));
        // console.log(str.substr(5));
    

    // 提取字符串中的数据 substring(start,end) 
    // 第几个开始,第几个结束,参数只能是正数
    // 参数的小数字在前面
        // console.log(str.substring(2,9)); 

    // 参数的小数字在后面
        // console.log(str.substring(6,1)); 
        
    // 参数只有一个
        // console.log(str.substring(8));




    


    




    </script>
</body>
</html>